<link rel='stylesheet' href='<?php echo $this->baseUrl() ?>/public/css/contact.css'/>
<div id="detail-content">
    <div class="input-contact">
        <h1>
            <img src="<?php echo $this->baseUrl() ?>/public/images/email_open.png" width="50px" height="55px" style="bottom: -15px;position: relative"/>
            Contact Us
        </h1>
        <div class='contact-response <?php echo ($this->message) && ($this->message['status'] == 1) ? 'success_repsonse' : 'fail_response' ?>' style='<?php echo isset($this->message) ? "" : "display:none" ?>'>
            <?php echo $this->message['message'] ?>
        </div>
        <form method='POST' id='frm_contact'>
            <div class='inputs'>
                <div>
                    <div class='label'>
                        Name
                    </div>
                    <input type='text' name='name' id='name' value='<?php echo $this->old_params ? $this->old_params['name'] : '' ?>'/>
                </div>
                <div>
                    <div class='label'>
                        Email
                    </div>
                    <input type='text' name='email' id='email' value='<?php echo $this->old_params ? $this->old_params['email'] : '' ?>'/>
                </div>
                <div>
                    <div class='label'>
                        Phone
                    </div>
                    <input type='text' name='phone' value='<?php echo $this->old_params ? $this->old_params['phone'] : '' ?>'/>
                </div>
                <div>
                    <div class='label'>
                        Subject
                    </div>
                    <input type='text' name='subject' id='subject' value='<?php echo $this->old_params ? $this->old_params['phone'] : '' ?>'/>
                </div>
                <div>
                    <div class='label'>
                        Message
                    </div>
                    <textarea cols='54' rows='10' name='message' id='message' style="width:442px"><?php echo $this->old_params ? $this->old_params['message'] : '' ?></textarea>
                    <br/>
                    <input class="send-me" value="0" type="checkbox" name="send_me"/> Send me a copy
                </div>
                <br/>

                <script type="text/javascript">
                    var RecaptchaOptions = {
                        theme : 'clean'
                    };
                </script>
                <div style="margin: 5px 0px 0px 2px">
                    <?php echo recaptcha_get_html($this->recaptcha_info['public_key']); ?>
                </div>
                <p></p>
                <div>
                    <input type='submit' value='Send' class='submit'/>
                </div>
            </div>
        </form>
    </div>
    <div class="contact-address">
        <h2 style="color: #24255B;margin-bottom: 0px">EPAC Co., Ltd</h2>
        <p style="margin-top: 7px;">
            19<sup>th</sup> Floor, Indochina Park Tower
        </p>
        <p>
            4 Nguyen Dinh Chieu Street, Dist 1
        </p>
        <p>
            Hochiminh City, Vietnam
        </p>
        <p style="margin-top: 20px">
            Tel: +(84-8) 6288 3795 
        </p>
        <p>
            Fax: +(84-8) 2220 2325
        </p>
        <p>
            Skype: epac-ops1 | epac-ops2
        </p>
        <p>
            Email: ops@epac.com.vn
        </p>
        <p>
            Website: www.epac.com.vn
        </p>
        <script type="text/javascript" src="http://cdn.dev.skype.com/uri/skype-uri.js"></script>
        <div id="SkypeButton_Chat_epac-ops1_1">
            <script type="text/javascript">
                Skype.ui({
                    "name": "chat",
                    "element": "SkypeButton_Chat_epac-ops1_1",
                    "participants": ["epac-ops1"],
                    "imageSize": 32
                });
            </script>
        </div>
        <div id="SkypeButton_Chat_epac-ops2_1">
            <script type="text/javascript">
                Skype.ui({
                    "name": "chat",
                    "element": "SkypeButton_Chat_epac-ops2_1",
                    "participants": ["epac-ops2"],
                    "imageSize": 32
                });
            </script>
        </div>
        <style>
            #SkypeButton_Chat_epac-ops1_1 img, #SkypeButton_Chat_epac-ops2_1 img {
                vertical-align: 0 !important;
                margin: 7px 0px !important;
            }
            #SkypeButton_Chat_epac-ops1_1 p, #SkypeButton_Chat_epac-ops2_1 p {
                display: inline;
            }
            .skype-name {
                font-size: 12px;
                padding: 12px;
                vertical-align: 12px;
                color: RGB(0, 175, 240);
            }
        </style>
        <script>
            $("#SkypeButton_Chat_epac-ops1_1_paraElement").find("img").attr("src", 'http://mystatus.skype.com/smallicon/epac-ops1');
            $("#SkypeButton_Chat_epac-ops2_1_paraElement").find("img").attr("src", 'http://mystatus.skype.com/smallicon/epac-ops2');
            $("#SkypeButton_Chat_epac-ops1_1_paraElement").find("a").append("<p class='skype-name'>EPAC - Operations Desk 1</p>");
            $("#SkypeButton_Chat_epac-ops2_1_paraElement").find("a").append("<p class='skype-name'>EPAC - Operations Desk 2</p>");
        </script>
    </div>
</div>
<script src='http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js'></script>
<script src='<?php echo $this->baseUrl() ?>/public/js/contact.js'></script>